<template>
  <div v-loading="loading" class="params-list">
    <el-table :data="list" border stripe style="width: 100%">
      <el-table-column prop="date" align="center" header-align="center" label="序号"></el-table-column>
      <el-table-column prop="name" align="center" header-align="center" label="设备名称"></el-table-column>
      <el-table-column prop="address" align="center" header-align="center" label="ID"></el-table-column>
      <el-table-column prop="address" align="center" header-align="center" label="所属通道"></el-table-column>
      <el-table-column prop="address" align="center" header-align="center" label="所属区域"></el-table-column>
      <el-table-column prop="address" align="center" header-align="center" label="设备地址"></el-table-column>
      <el-table-column prop="address" align="center" header-align="center" label="扩展地址"></el-table-column>
      <el-table-column prop="address" align="center" header-align="center" label="设备类型"></el-table-column>
      <el-table-column prop="address" align="center" header-align="center" label="系列类型"></el-table-column>
      <el-table-column prop="address" align="center" header-align="center" label="通讯协议"></el-table-column>
      <el-table-column prop="address" align="center" header-align="center" label="中断次数"></el-table-column>
      <el-table-column prop="address" align="center" header-align="center" label="重发次数"></el-table-column>
      <el-table-column prop="address" align="center" header-align="center" label="投运"></el-table-column>
      <el-table-column prop="address" align="center" header-align="center" label="操作"></el-table-column>
    </el-table>
    <div style="margin-top: 10px;">
      <el-pagination
        layout="prev, pager, next"
        :current-page="page.index"
        :page-size="page.size"
        :total="page.total"
      ></el-pagination>
    </div>
  </div>
</template>

<script>
export default {
  props: {
    list: {
      type: Array,
      default: () => {
        return [];
      }
    }
  },
  data() {
    return {
      loading: false,
      page: {
        size: 16,
        index: 1,
        total: 0
      }
    };
  }
};
</script>

<style lang="scss" scoped>
.params-list {
  // width: 1000px;
  text-align: center;
  .tcenter {
    text-align: center;
  }
}
</style>